<template>
  <div class="view-container">
    <div class="biao"><h1>标题</h1></div>
    <div class="div0">
      <div class="divno1">
        <el-row>
          <el-col :span="4">来文标题:</el-col>
          <el-col :span="20"><small v-text="user.codeName"></small>5</el-col>
        </el-row>
        <el-row>
          <el-col :span="4">来文号:</el-col>
          <el-col :span="20"><small v-text="user.docCode"></small></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">来文日期:</el-col>
          <el-col :span="20"><small v-text="user.receiptDate"></small></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">来文单位:</el-col>
          <el-col :span="20"><small v-text="user.receiptUnit"></small></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">来文类型:</el-col>
          <el-col :span="20"><small v-text="user.receiptType"></small></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">审核人:</el-col>
          <el-col :span="20"><small v-text="user.codeName"></small></el-col>
        </el-row>
      </div>
      <div class="divno2">

        <el-row>
          <el-col :span="4">收文编号:</el-col>
          <el-col :span="20"><small v-text="user.codeNo"></small></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">归档分类:</el-col>
          <el-col :span="20"><small v-text="user.receiptType"></small></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">等级:</el-col>
          <el-col :span="20"><small v-text="user.docLevel"></small></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">保管期限:</el-col>
          <el-col :span="20"><small v-text="user.storePeriod"></small></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">流转状态:</el-col>
          <el-col :span="20"><small v-text="user.creator"></small></el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
  import xiangqingapi from "@/api/shouwen/xiangqing/xiangqing";
  export default {
    name: "liouchong",
    data() {
      return {
        user:{},
        id:"B8A189B4-7E42-43F1-B55E-30D9486767FC"
      }
    },
    created() {
      this.seleFun()
    },

    methods: {
      seleFun(){
        xiangqingapi.Selectlcong(this.$route.params.id).then(res =>{
          this.user = res
          console.log(this.user)
        })
      }
    }
  }
</script>

<style scoped lang="scss">
    .biao{
      text-align: center;
    }

    .div0{
      display: flex;
      border: 1px solid #e6e6e6;
       .divno1{
         padding-left: 20%;
         width: 50%;
         height: 300px;

         .el-col{
           margin-top: 15px;
           font-size: 13px;
         }
       }
      .divno2{

        padding-left: 20%;
        width: 50%;
        height: 300px;
        .el-col{
          margin-top: 15px;
          font-size: 13px;
        }
      }
    }
</style>
